$(function () {
    //分类菜单栏显示
    $(".classif").show();

    // 分类模态框
    $("#categoryMedol").click(function () {
        $('#myCategModal').modal("show")
    });

    //设置当前页和每页条数
    var page = 1;
    var pageSize = 5;
    //查询分类列表
    function render() {
        $.ajax({
            url: "/category/queryTopCategoryPaging",
            type: "GET",
            data: {
                page: page,
                pageSize: pageSize,
            },
            success: function (callback) {
                console.log(callback);
                var html = template("category-List", callback);
                $("tbody").html(html);

                $("#paginator").bootstrapPaginator({
                    bootstrapMajorVersion: 3,
                    currentPage: page,
                    totalPages: Math.ceil(callback.total / pageSize),
                    onPageClicked: function (a, b, c, index) {
                      page = index;
                      render();
                    }
                  });
            }
        })
    }
    render()

    // 表单验证
    var $form = $(".form-horizontal");

    //手动提交表单， 让下面的表单验证插件生效
    $("button[type=submit]").click(function () {
        $form.submit();
        //submit()提交表单函数
       
    });

    $form.bootstrapValidator({

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段
        fields: {
            //校验用户名，对应name表单的name属性
            categoryName: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '分类名不能为空'
                    },
                   
                }
            },

        }

    });

    $form.on('success.form.bv', function (e) {
        e.preventDefault();
        // 登录

        $.ajax({
            url: "/category/addTopCategory",
            type: "POST",
            data:  $form.serialize(),           
            success: function(data) {               
                if (data.success) {
                    render();
                    $("#myCategModal").modal("hide");
                    $(".form-control").val("")
                }
            }
        })

    })

})